@extends('common.base-master')

@section('html-head')
    <link href="{{url('css/artstyle.css')}}" type="text/css" rel="stylesheet"/>
    <link href="{{url('css/bootstrap.min.css')}}" type="text/css" rel="stylesheet"/>
    <script src="{{url('js/artstyle.js')}}"></script>
    <script src="{{url('js/lib/bootstrap.min.js')}}"></script>
@endsection
@section('html-body')
<main>
    <div id="content">
        <div id="tap">
            <div class="article">
                <div class="photo">
                    <div class="pic"><a href="#"><img src="{{url('images/BANNER02.jp')}}g" alt=""/></a></div>
                    <div class="pic"><a href="#"><img src="{{url('images/BANNER05.jpg')}}" alt=""/></a></div>
                </div>
            </div>
            <div class="nav">
                <ul>
                    <li class="nav_sel"></li>
                    <li class="nav_sel"></li>
                </ul>
            </div>
        </div>
        <div id="wrap">
            <nav class="navbar navbar-inverse">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span class="sr-only">这是按钮</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand active" href="#">全部活动</a>
                    </div>
                    <div id="navbar" class="collapse navbar-collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="#">旁观者demo+</a></li>
                            <li><a href="#">中国天使投资人</a></li>
                            <li><a href="#">旁观者说</a></li>
                            <li><a href="#">旁观者1+1</a></li>
                        </ul>
                    </div>
                </div>
            </nav>

            <div class="container">
                <!--<div class="container_top">
                    <div class="text" style="width: 2%;"></div>
                    <p class="year">2015</p>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">1</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">2</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">3</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">4</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">5</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">6</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">7</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">8</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">9</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">10</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">11</div>
                    <div class="text" style="width: 4%;"></div>
                    <div class="month">12</div>
                    <div class="text" style="width: 2%;"></div>
                </div>-->
                <div class="container_center">
                    <nav class="stage">
                        <div class="artList">
                            <ul>
                                <li>
                                    <dt><a href="#"><img src="{{url('images/activity/img5.png')}}" alt=""/></a></dt>
                                </li>
                                <li>
                                    <p><em>旁观者说</em>旁观者Demo+第三期: 她时代的创业者</p>
                                </li>
                                <li>
                                    <p class="day">2015年3月28日</p>
                                    <em class="time">还有18天</em>
                                </li>
                                <li class="tet">
                                    <p class="desc">女性就是半边天，在移动互联网创业大潮的当下，她也不甘于平庸</p>
                                </li>
                                <li>
                                    <button><a href="detail.html">立即报名</a></button>
                                </li>
                            </ul>
                        </div>
                       <div class="artList">
                            <ul>
                                <li>
                                    <dt><a href="#"><img src="{{url('images/activity/img5.png')}}" alt=""/></a></dt>
                                </li>
                                <li>
                                    <p><em>旁观者说</em>旁观者Demo+第三期: 她时代的创业者</p>
                                </li>
                                <li>
                                    <p class="day">2015年3月28日</p>
                                    <em class="time">还有18天</em>
                                </li>
                                <li class="tet">
                                    <p class="desc">女性就是半边天，在移动互联网创业大潮的当下，她也不甘于平庸</p>
                                </li>
                                <li>
                                    <button><a href="detail.html">立即报名</a></button>
                                </li>
                            </ul>
                        </div>
                        <div class="artList">
                            <ul>
                                <li>
                                    <dt><a href="#"><img src="{{url('images/activity/img5.png')}}" alt=""/></a></dt>
                                </li>
                                <li>
                                    <p><em>旁观者说</em>旁观者Demo+第三期: 她时代的创业者</p>
                                </li>
                                <li>
                                    <p class="day">2015年3月28日</p>
                                    <em class="time">还有18天</em>
                                </li>
                                <li class="tet">
                                    <p class="desc">女性就是半边天，在移动互联网创业大潮的当下，她也不甘于平庸</p>
                                </li>
                                <li>
                                    <button><a href="detail.html">立即报名</a></button>
                                </li>
                            </ul>
                        </div>
                        <div class="artList">
                            <ul>
                                <li>
                                    <dt><a href="#"><img src="{{url('images/activity/img5.png')}}" alt=""/></a></dt>
                                </li>
                                <li>
                                    <p><em>旁观者说</em>旁观者Demo+第三期: 她时代的创业者</p>
                                </li>
                                <li>
                                    <p class="day">2015年3月28日</p>
                                    <em class="time">还有18天</em>
                                </li>
                                <li class="tet">
                                    <p class="desc">女性就是半边天，在移动互联网创业大潮的当下，她也不甘于平庸</p>
                                </li>
                                <li>
                                    <button><a href="detail.html">立即报名</a></button>
                                </li>
                            </ul>
                        </div>
                        <div class="artList">
                            <ul>
                                <li>
                                    <dt><a href="#"><img src="{{url('images/activity/img5.png')}}" alt=""/></a></dt>
                                </li>
                                <li>
                                    <p><em>旁观者说</em>旁观者Demo+第三期: 她时代的创业者</p>
                                </li>
                                <li>
                                    <p class="day">2015年3月28日</p>
                                    <em class="time">还有18天</em>
                                </li>
                                <li class="tet">
                                    <p class="desc">女性就是半边天，在移动互联网创业大潮的当下，她也不甘于平庸</p>
                                </li>
                                <li>
                                    <button><a href="detail.html">立即报名</a></button>
                                </li>
                            </ul>
                        </div>
                        <div class="artList">
                            <ul>
                                <li>
                                    <dt><a href="#"><img src="{{url('images/activity/img5.png')}}" alt=""/></a></dt>
                                </li>
                                <li>
                                    <p><em>旁观者说</em>旁观者Demo+第三期: 她时代的创业者</p>
                                </li>
                                <li>
                                    <p class="day">2015年3月28日</p>
                                    <em class="time">还有18天</em>
                                </li>
                                <li class="tet">
                                    <p class="desc">女性就是半边天，在移动互联网创业大潮的当下，她也不甘于平庸</p>
                                </li>
                                <li>
                                    <button><a href="detail.html">立即报名</a></button>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
            <!--<div class="allot">
                <div class="angle"></div>
                <div class="box">
                    <div class="box_context">
                        <dl>
                            <dt><a href="#"><img src="images/activity/01.jpg" alt=""/></a></dt>
                            <dd>
                                <p class="des">投资界沙龙第159期：说火就火的在线旅游</p>
                                <p class="location">地点：中国 北京</p>
                                <p class="array_time">时间：2015年03月27号</p>
                            </dd>
                        </dl>
                    </div>
                    <div class="box_context">
                        <dl>
                            <dt><a href="#"><img src="images/activity/01.jpg" alt=""/></a></dt>
                            <dd>
                                <p class="des">投资界沙龙第159期：说火就火的在线旅游</p>
                                <p class="location">地点：中国 北京</p>
                                <p class="array_time">时间：2015年03月27号</p>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
    <section class="page">
        <div>
            <em class="prev"><a href="#">< 上一页</a></em>
            <ul class="pageList">
                <li class="selected"><a href="javascript:;">1</a></li>
                <li class="select"><a href="javascript:;">2</a></li>
                <li class="select"><a href="javascript:;">3</a></li>
                <li class="select"><a href="javascript:;">4</a></li>
                <li class="select"><a href="javascript:;">5</a></li>
            </ul>
            <em class="next">下一页 ></em>
        </div>
    </section>
</main>
@endsection